<template>
  <div>
    <div>
      <van-nav-bar
        title="我的"
        left-text="返回首页"
        left-arrow
        @click-left="onClickLeft"
      />
    </div>

    <div class="part1">
      <center>
        <van-image
          round
          width="100px"
          height="100px"
          src="https://img01.yzcdn.cn/vant/cat.jpeg"
        />
        <p style="font-weight:bold">用户名</p>
      </center>
    </div>
    <div class="part2">
      <van-cell-group inset>
        <van-cell title="性别" value="男" />
        <van-cell title="年龄" value="19" />
        <van-cell title="我的关注" is-link />
        <van-cell title="我的内容" is-link />
        <van-cell title="我的订单" is-link />
        <van-cell title="收藏商品" is-link />
        <van-cell title="收藏内容" is-link />
        <van-cell title="关于我们" is-link />
        <van-cell title="设置" is-link />
      </van-cell-group>
    </div>

    <Ftabbar></Ftabbar>
  </div>
</template>

<script>
export default {
  methods: {
    onClickLeft() {
      // Toast("返回");
      this.$router.push("/home");
    }
  }
};
</script>

<style>
.part1 {
  margin-top: 50px;
  margin-bottom: 50px;
  margin-right: 50px;
  margin-left: 50px;
}

.part2 {
  margin-top: 10px;
  border-style: none;
}
</style>
